<!DOCTYPE html>
<html lang="zxx">
<html>
	<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Home</title>
<!--bootstrap Css-->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!--ico font Css-->
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<!-- magnific-popup Css-->
<link href="assets/css/magnific-popup.css" rel="stylesheet">
<!--lineProgressbar Css-->
<link href="assets/css/jquery.lineProgressbar.css" rel="stylesheet">
<!--owl.carousel Css-->
<link href="assets/css/owl.carousel.css" rel="stylesheet">
<!--Slick Nav Css-->
<link href="assets/css/slicknav.min.css" rel="stylesheet">
<!--Animate Css-->
<link href="assets/css/animate.css" rel="stylesheet">
<!--Style Css-->
<link href="assets/css/style.css" rel="stylesheet">
<!--Responsive Css-->
<link href="assets/css/responsive.css" rel="stylesheet">
</head>
	<body>
<nav class="nav-area">
	<div class="container">
		<div class="row">
			<div class="col-md-2">
				<a href="#" class="logo"><a style="color: white;line-height: 5px;"><strong>爱街舞</strong></a>
			</div>
			<div class="col-md-10">
				<ul id="main-menu">
					<li><a href="index.html">Home</a></li>
					<li><a href="#about">About</a></li>
					<li><a href="expensive.html">心得</a></li>
					<li><a href="#service">Service</a></li>
					<li><a href="video.html">视频</a></li>
					<li><a href="expensive1.html">心得1</a></li>
					<li><a href="picture.html">晒图</a></li>
					<li><a href="#contact">Contact</a></li>
				</ul>
			</div>
		</div>
	</div>
</nav>
<section class="portfolio-area" id="work">
     	<div class="container">
     		<div class="row">
     			<div class="col-md-6 col-md-offset-3 text-center">
     				<div class="section-title main">
						<h2>Some Of My Work</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem quas error modi quaerat sequi, debitis!</p>
					</div>
     			</div>
     		</div>
     		<div class="row">
     			<div class="col-md-12 text-center">
     				<ul class="porfolio-menu">
     					<li data-filter="*" class="active">All</li>
     					<li data-filter=".design">Web Design</li>
     					<li data-filter=".development">Web Development</li>
     					<li data-filter=".photography">Photography</li>
     				</ul>
     			</div>
     			<div class="col-md-12 text-center">
     				<div class="portolio-masonary">
     					<div class="single-porfolio-item grid-size design">
     						<div class="img-thumb">
     						<img src="assets/img/portfolio-1.jpg" alt=" portfolio image ">
     							<div class="hover">
     								<div class="icon">
     									<a href="assets/img/portfolio-1.jpg" class="image-popup" title="Portfolio image">
     										<i class="fa fa-search-plus" aria-hidden="true"></i>
     									</a>
     								</div>
     								<div class="icon">
     									<i class="fa fa-link" aria-hidden="true"></i>
     								</div>
     							</div>
     						</div>
     					</div>
     					<div class="single-porfolio-item grid-size design">
     						<div class="img-thumb">
     						<img src="assets/img/portfolio-2.jpg" alt=" portfolio image ">
     							<div class="hover">
     								<div class="icon">
     									<a href="assets/img/portfolio-2.jpg" class="image-popup" title="Portfolio image">
     										<i class="fa fa-search-plus" aria-hidden="true"></i>
     									</a>
     								</div>
     								<div class="icon">
     									<i class="fa fa-link" aria-hidden="true"></i>
     								</div>
     							</div>
     						</div>
     					</div>
     					<div class="single-porfolio-item grid-size development">
     						<div class="img-thumb">
     						<img src="assets/img/portfolio-3.jpg" alt=" portfolio image ">
     							<div class="hover">
     								<div class="icon">
     									<a href="assets/img/portfolio-3.jpg" class="image-popup" title="Portfolio image">
     										<i class="fa fa-search-plus" aria-hidden="true"></i>
     									</a>
     								</div>
     								<div class="icon">
     									<i class="fa fa-link" aria-hidden="true"></i>
     								</div>
     							</div>
     						</div>
     					</div>
     					<div class="single-porfolio-item grid-size development ">
     						<div class="img-thumb">
     						<img src="assets/img/portfolio-4.jpg" alt=" portfolio image ">
     							<div class="hover">
     								<div class="icon">
     									<a href="assets/img/portfolio-4.jpg" class="image-popup" title="Portfolio image">
     										<i class="fa fa-search-plus" aria-hidden="true"></i>
     									</a>
     								</div>
     								<div class="icon">
     									<i class="fa fa-link" aria-hidden="true"></i>
     								</div>
     							</div>
     						</div>
     					</div>
     					<div class="single-porfolio-item grid-size photography">
     						<div class="img-thumb">
     						<img src="assets/img/portfolio-5.jpg" alt=" portfolio image ">
     							<div class="hover">
     								<div class="icon">
     									<a href="assets/img/portfolio-5.jpg" class="image-popup" title="Portfolio image">
     										<i class="fa fa-search-plus" aria-hidden="true"></i>
     									</a>
     								</div>
     								<div class="icon">
     									<i class="fa fa-link" aria-hidden="true"></i>
     								</div>
     							</div>
     						</div>
     					</div>
     					<div class="single-porfolio-item grid-size photography">
     						<div class="img-thumb">
     						<img src="assets/img/portfolio-6.jpg" alt=" portfolio image ">
     							<div class="hover">
     								<div class="icon">
     									<a href="assets/img/portfolio-5.jpg" class="image-popup" title="Portfolio image">
     										<i class="fa fa-search-plus" aria-hidden="true"></i>
     									</a>
     								</div>
     								<div class="icon">
     									<i class="fa fa-link" aria-hidden="true"></i>
     								</div>
     							</div>
     						</div>
     					</div>
     				</div>
     			</div>
     		</div>
     	</div>
     </section>
     <script src="assets/js/jquery.js"></script>
    <!--Isotope script load-->
    <script src="assets/js/isotope.pkgd.js"></script>
    <!-- magnific popup script load-->
    <script src="assets/js/jquery.magnific-popup.js"></script>
    <!--way point script load-->
    <script src="assets/js/waypoints.min.js"></script>
    <!--line progress bar script load-->
    <script src="assets/js/circle-progress.min.js"></script>
    <!-- counter up script load-->
    <script src="assets/js/typed.js"></script>
    <!-- typed script load-->
    <script src="assets/js/jquery.counterup.min.js"></script>
    <!--Owl carousel script load-->
    <script src="assets/js/owl.carousel.min.js"></script>
    <!--Image load script -->
    <script src="assets/js/imagesloaded.pkgd.js"></script>
    <!--Bootstrap v3 script load here-->
    <script src="assets/js/bootstrap.min.js"></script>
    <!--Slick Nav Js File Load-->
    <script src="assets/js/jquery.slicknav.min.js"></script>
    <!--Wow Js File Load-->
    <script src="assets/js/wow.min.js"></script>    
    <!--Wow Js File Load-->
    <!--<script src="assets/js/scrollspy.js"></script>-->
    <!--Main js file load-->
    <!--<script src="assets/js/main.js"></script>-->
	</body>
</html>
